﻿/*
 * This file is part of the emlog for bootstrap Project. See CREDITS and LICENSE files
 *
 * emlog for bootstrap Project URL:https://git.oschina.net/ysfl/emlog-for-bootstrap
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 */
/*  
    Welcome!
	本模板为学习模板，一切皆以学习为目的，请高手们手下留情....
	新学的小白同学们，尽情的玩吧！
	ps：如果你要把这个模板放到线上，请把注释全部删除，并且利用工具进行压缩
*/


body {
  background-color: #eaeaea; /* 背景颜色 */
  
  background-image: url(images/Texture.png);
  /*background-color: black;
  background-image: url(images/unix.jpg);

  /* 背景居中不重复 */
  /*filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  */
}

/* 全局链接样式 */
a{
	color:#FFFFFF;
}
a:hover{
	text-decoration:none;
	color:#4CFFFF;
}
/* 初始化盒子模型  防止浏览器加入默认值*/
*{
	margin: 0;
	padding: 0;
}
/* 内容页面 */
.contenter{
  	margin: 0 auto; /* 自动居中 */
}

/*********************主页文章列表开始*********************/
/* 内容左边 */
.contentleft{
	float: left; /* 靠左浮动，侧边栏是靠右浮动 */
	margin-top: 40px; /* 撑开边距40px避免紧贴着导航 */
	width: 860px; /* 宽度要合适，给侧边栏留下足够的空间
					 要调整宽度，请计算时间、文章名字、文章属性、侧边框的值 */

}

/* 文章列表盒子 */
.post{
  	width: 100%; /* 整个文章列表的宽度，从.contentleft继承 */
  	margin-bottom: 40px; /* 文章的下间距,第一篇文章已经被contentleft的margin-top: 40px;撑开
  							所以只需要把文章下外边距撑开即可使文章有间距效果 */
  	border: 1px solid rgba(71, 173, 153, 0.25);/* 值为边框的 大小、实线、颜色 */
	border-radius: 10px;  /* 圆角的半径 */
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4); /* 边框的阴影 */
	background-color: #34A045;
}

/* 统一的首页文章列表边框样式 */
.post-time,.post-title,.post-info{
	height: 90px; /* 统一高度，避免被不整齐的效果 */
}
.post-time,.post-title{
	text-align: center; /* 发布时间和文章名字的内容居中 */
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
}
/* 文章时间样式 */
.post-time{
	float: left; /* 靠左浮动，文章名字会自动靠左 */
	width: auto; /* 宽度，自己看着办啦，不会就慢慢调 */	
	padding: 35px;
	color: #FFFC00;
}

/* 文章标题样式 */
.post-title{
	width: 74%; /* 宽度，过小的话，文章名字在非常长的时候会放不下 */
	margin: 0 0 0 90px; /* 先初始化上、右、下的外边距，左外边距把标题移到时间后面 
						   如果使用 margin-left: 90px;则会出现问题*/
	padding: 25px;
	font-size: 30px;
}

.post-title a:hover{
	font-size:35px;
}

/* 文章属性样式 */
.post-info{
	float: right; /* 必然的往右浮动... */
	margin: -90px -10px 0 0; /* 因为.post 860px的宽度所以只能靠margin把这里撑上去了
								如果要调整宽度,文章标题要设置左浮动，还有啥来着，我忘了，先自己摸索吧 */
	width: 16%; /* 占post的宽度比 */
}

.post-info span{
	margin: 4.5px auto; /* info的居中排版 */
	font-size: 12px; /* info的文字大小 */

}

/* 文章列表分页 */
.pagination{
	padding-left: 400px;
}
.pagination span{

	background-color: #34A045!important;
	color: #FFFFFF!important;
}

.pagination a:hover{
	margin-top: -4px;
	background-color: #34A045!important;
	color: #FFFFFF!important;
}
/*********************主页文章列表结束*********************/


/*********************文章页面开始*********************/

/* 文章页面 */
.log_content{
	margin:0 auto;
	border: 1px solid rgba(71, 173, 153, 0.25);/* 值为边框的 大小、实线、颜色 */
	box-shadow: 0 5px 20px rgba(0, 0, 0, 4);
	border-radius: 10px;
}
.log_content .panel-heading,.panel-footer{
	/* 继承了contentleft的margin-top:40px;所以已经和导航有间距了 */
	background-color: #34A045;

}

.log_content .log_title{
	
}

.log_info a{
	color: #007ABA;
}
.log_info a:hover{
	color:#F00;
}

/* 标签下拉菜单 */
.dropdown-menu{
	background-color: #34A045;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
}
.tag-hover a:hover{
	color:white!important;
	background-color: #12B840!important;
	text-align: right;
}
.notag{
	color: #FFF;
	text-align: center;
}
/* 文章编辑按钮全局 */
.post-edit{
	float:right
}

/* 文章编辑按钮激活状态 */
.post-edit a:hover{
	color:red;
	background-color: #D9EDF7;
}

.log_content .panel-body{
	background-color: #FFFFFF;
}
.log_content .panel-body img{
	width: 100%;
}

/* 相邻文章按钮背景 */
.log_content .pager a{
	background-color: #34A045;
}

/* 文章评论 */
.comment-module{}

.comment-list-main a{
	color: red;
}

/* 评论列表 */
.comment-list{
	margin:  20px 20px;
}

.comment-list-media{
	margin: 10px auto!important;
}

/* 评论时间 */
.comment-time{
	font-size: 0.5em;
}

/* 评论内容 */
.comment-content{
	word-break:break-all;  /* 控制评论内容长度，避免被过长的内容撑开边框 */
}
/* 子评论列表 */
.comment-lists{}

.comment-reply{}
/* 发表评论 */
.comment-post{
	width: 100%;
}

/* 评论表单样式 */
.comment-form{
	margin: 20px 5px;
}

/* 评论验证码样式 */
.comment-verify{
	margin-left: 5px;
}

/* 评论编辑框样式 */
.comment-edit{
	min-width: 820px;  /* 固定最小宽度 */
	max-width: 820px;  /* 固定最大宽度 避免扩展到边框外面*/
	margin: 5px 20px;  /* 居中 */
	background: url(images/hf.png) no-repeat center; /* 中间背景 */
	background-color: #444; /* 背景色 */
	font-family: 华文楷体;
	font-size: 1.3em;
	color: #fff; /* 字体颜色，必须和背景有强烈的区别 */
	border: 0 solid rgba(71, 173, 153, 0.25);/* 值为边框的 大大、实线、颜色 */
	box-shadow: 0 5px 10px rgba(0, 0, 0, 4); /* 边框阴影 */
	border-radius: 10px; /* 圆角的半径 */
}

/* 评论编辑框鼠标经过后的背景，喜欢绚丽的话可以取消下面的注释，并且修改颜色代码 */
.comment-control > textarea:hover{
	/*background-color: #000;*/
}

/* 评论提交按钮样式 */
.comment-submit button{
	float: left; /* 利用左浮动来让第二个按钮靠上来 */
	width: 400px; /* 固定宽度，2个加起来是800px，留60px做间距 */
	margin: 10px; /* 间距 */
}

/* 评论提交按钮鼠标经过样式 */
.comment-submits button:hover{
	background-color: #34A045;
	color: white;
}

/* 评论重置按钮鼠标经过样式 */
.comment-reset button:hover {
	background-color: #428BCA;
	color: white;
}
.clear{ clear:both} 
#comment-place{
	width: 860px;
}
.comment-cancel{
	float: right;
}

/*********************文章页面结束*********************/


/*********************侧边栏开始*********************/
/* 内容右边，侧边栏 */
.sidebar{
	width: 250px;
	margin-top: 40px; /* 和导航栏之间的间距 */
	float: right; /* .contentleft是左浮动，这里当然要右浮动啦 */
}

/* 侧边栏消除li标签的小原点 */
.sidebar li{
	list-style:none;
}

/* 侧边栏所有链接的默认颜色 */
.sidebar a{
	color: #222; /* 全局默认是白色，背景是白色的，这里不设置，看不到链接哦 */
}

.sidebar .panel-heading{
	background-color:#34A045!important;	/* !important提升权重值,表示优先使用这个样式 
											侧边栏下的.panel-heading样式全部为绿色背景，默认是蓝色*/
}

/* 侧边栏 微语的"更多"链接样式 */
 .sidebar-wy-heading > a{
	float: right; /* 居右 */
	margin-top: -20px; /* 上移 */
}

/* 最新评论名字样式 */
.newcomment-name{
	padding: 1px; /* 上、下、左、右 的间距为1px，避免名字粘在一起 */
}



/*********************侧边栏结束*********************/


/*********************微语开始*********************/
.tw{
}
.tw > ul{
}
.tw ul > li{
	border:1px solid;
	margin-bottom: 20px;
	list-style: none;
}
.tw .time{
	float: right;
	margin-top: -130px;

}

/*********************微语结束*********************/
/* 页码 */
.pagenavi{

}

/*********************底部开始*********************/
.footer{
	margin: 0 auto;
  	bottom: 0;
  	width: 100%;
  	background-color: #000;
  }
 .git{
 	width: 350px;
 	margin-top: 40px;
 	
 }
  .git 	.pro_name a{color: #fafafa;} 

  .git 	.osc_git_title{background-color: #34A045!important;} 
  .git	.osc_git_box{background-color: #FFF;} 
  .git	.osc_git_box{border-color: #00cc66;} 
  .git	.osc_git_info{color: #474966;} 
  .git_left_div a{color:#FFF!important;}

/*********************底部结束*********************/


/*********************导航栏开始*********************/

.search{
	float: right;
	padding: 8.5px 8.5px 0 0;
}
/*********************导航栏结束*********************/
